﻿<%@ Page Title="" Language="C#" MasterPageFile="../Shared/Product.Master" Inherits="System.Web.Mvc.ViewPage<Fashion.ViewModels.Product>" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Details
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h3>Product Details </h3> 

     <div id="container">
		<div id="products_example">
			<div id="products">
				<div class="slides_container">
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
					<a href="#" target="_blank"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="366" height="280" alt="<%: Model.ProductName %>"/></a>
				</div>
				<ul class="pagination">
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
					<li><a href="#"><img src="../../../../Content/Women/<%: Model.ImageList %>" width="55" height="40" alt="<%: Model.ProductName %>"/></a></li>
				</ul>
			</div>
            </div>
             <div class="rating">
                <img src="/Themes/Default/Content/prod/EmptyStar.png" alt="Star Rating" align="middle" id="1" />
                <img src="/Themes/Default/Content/prod/EmptyStar.png" alt="Star Rating" align="middle" id="2" />
                <img src="/Themes/Default/Content/prod/EmptyStar.png" alt="Star Rating" align="middle" id="3" />
                <img src="/Themes/Default/Content/prod/EmptyStar.png" alt="Star Rating" align="middle" id="4" />
                <img src="/Themes/Default/Content/prod/EmptyStar.png" alt="Star Rating" align="middle" id="5" />
                 <table id="one-column-emphasis" summary="Product Details">
                    <colgroup>
    	                <col class="oce-first" />
                    </colgroup>
                    <tbody>
    	                <tr>
        	                <td>Product Name</td>
                            <td><%: Model.ProductName %></td>
                        </tr>
                        <tr>
        	                <td>Product Price</td>
                            <td>$<%: Model.Price %></td>
                        </tr>
                        <tr>
                            <td>Order Now</td>
                            <td>Add to Cart</td>
                        </tr>
                    </tbody>
                </table>
            </div>
      </div>
</asp:Content>

